<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>后台管理系统</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" type="text/css" href="../static/index/layui/css/layui.css" media="all">
	<link rel="stylesheet" type="text/css" href="../static/index/bews/css/index.css" media="all">
	<script type="text/javascript" src="../static/index/layui/layui.js"></script>
	<script type="text/javascript" src="../static/index/bews/js/admin.js"></script>
	<style>
	.layadmin-side-shrink .layui-layout-admin .layui-logo {
			width: 60px;
			background-image:url("../static/index/bews/images/logob32.jpg");-->
	}
</style>
</head>
<body layadmin-themealias="default" class="layui-layout-body">
	<div id="LAY_app" class="layadmin-tabspage-none">
		<div class="layui-layout layui-layout-admin">
			<div class="layui-header">
				<!-- 头部区域 -->
				<ul class="layui-nav layui-layout-left">
					<li class="layui-nav-item layadmin-flexible" lay-unselect onclick="shrink()">
						<a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
							<i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
						</a>
					</li>
				</ul>
				<ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
					<li class="layui-nav-item layui-hide-xs" lay-unselect title="全屏" onclick="fullScreen()">
						<a href="javascript:;" layadmin-event="fullscreen">
							<i class="layui-icon layui-icon-screen-full"></i>
						</a>
					</li>
					<li class="layui-nav-item" lay-unselect>
						<a href="javascript:;">
							<cite>欧阳克</cite>
						</a>
						<dl class="layui-nav-child">
							<dd id="oneself"><a lay-href="">个人中心</a></dd>
							<hr>
							<dd id="logout" layadmin-event="logout" style="text-align:center;">
								<a>退出</a>
							</dd>
						</dl>
					</li>
				</ul>
			</div>
			<!-- 侧边菜单 -->
			<div class="layui-side layui-side-menu">
				<div class="layui-side-scroll">
					<div class="layui-logo" lay-href="">
						<span>后台管理系统</span>
					</div>
					<div class="layui-side layui-bg-black">
						<div class="layui-side-scroll">
							<div title="菜单缩放" class="kit-side-fold"><i class="fa fa-navicon" aria-hidden="true"></i></div>
							<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
							<ul class="layui-nav layui-nav-tree"  lay-filter="test">
								<li class="layui-nav-item layui-nav-itemed">
									<a class="" href="javascript:;"><i class="fa fa-user-circle-o fa-lg"></i> <span >系统管理</span></a>
									<dl class="layui-nav-child">
										<dd onclick="menuFire('../home/menu/index')"><a href="javascript:;"><i class="fa fa-list fa-lg"></i> <span>功能菜单</span></a></dd>
										<dd onclick="menuFire('../home/rule/index')"><a href="javascript:;"><i class="fa fa-clipboard fa-lg"></i> <span >功能节点</span></a></dd>
										<dd onclick="menuFire('../home/role/index')" ><a href="javascript:;"><i class="fa fa-file-text fa-lg"></i> <span >权限角色</span></a></dd>
										<dd><a href="javascript:;"><i class="fa fa-file-text fa-lg"></i> <span >操作日志</span></a></dd>
									</dl>
								</li>
								<li class="layui-nav-item">
									<a href="javascript:;"><i class="fa fa-vcard fa-lg"></i> <span >学员管理</span></a>
									<dl class="layui-nav-child">
										<dd><a href="javascript:;"><i class="fa fa-th-list fa-lg"></i> <span >学员列表</span></a></dd>
										<dd><a href="javascript:;"><i class="fa fa-user-o fa-lg"></i> <span >考勤管理</span></a></dd>
										<dd><a href="javascript:;"><i class="fa fa-send-o fa-lg"></i> <span >沟通计划</span></a></dd>
										<dd><a href="javascript:;"><i class="fa fa-frown-o fa-lg"></i> <span >成绩管理</span></a></dd>
									</dl>
								</li>
								<li class="layui-nav-item">
									<a href="javascript:;"><i class="fa fa-diamond fa-lg"></i> <span >管理设置</span></a>
									<dl class="layui-nav-child">
										<dd><a href="javascript:;"><i class="fa fa-address-book fa-lg"></i> <span >账号管理</span></a></dd>
										<dd><a href="javascript:;"><i class="fa fa-check-square fa-lg"></i> <span >授权管理</span></a></dd>
									</dl>
								</li>
								<li class="layui-nav-item">
									<a href="javascript:;"><i class="fa fa-gear fa-lg"></i> <span >权限管理</span></a>
									<dl class="layui-nav-child">
										<dd><a href="javascript:;"><i class="fa fa-window-restore fa-lg"></i> <span >系统信息</span></a></dd>
										<dd><a href="javascript:;"><i class="fa fa-database fa-lg"></i> <span >操作日志</span></a></dd>
									</dl>
								</li>
							</ul>
						</div>
					</div>

				</div>
			</div>
			<!-- 主体内容 -->
			<div class="layui-body" id="LAY_app_body">
				<div class="layadmin-tabsbody-item layui-show">
					<div class="layui-fluid">
						<div class="layui-card">
							<iframe src="" style="width:100%;height:100%;" frameborder="0" scrolling="0">
							</iframe>
						</div>
					</div>
				</div>
			</div>
			<!-- 辅助元素，一般用于移动设备下遮罩 -->
			<div class="layadmin-body-shade" layadmin-event="shade" onclick="shrink()"></div>
		</div>
	</div>
	<!-- 辅助元素，一般用于移动设备下遮罩 -->
	<div class="layadmin-body-shade" layadmin-event="shade"></div>

	<script src="../static/layui/layui.js" type="text/javascript"></script>
	<script src="../static/jquery-3.5.1/jquery-3.5.1.js"></script>

	<script type="text/javascript">
		layui.use(['element','layer','jquery'], function(){
			element = layui.element;
			$ = layui.jquery;
			layer = layui.layer;
			setter = layui.setter;
			resetMainHeight($("iframe"));
		});
		// 重新设置主操作页面高度
		function resetMainHeight(obj){
			var height = parent.document.documentElement.clientHeight - 80;
			$(obj).parent('div').height(height);
		}
		// 菜单点击
		function menuFire(obj){
			$('iframe').attr('src',obj);
			var width = screen();
			if(width < 1){
				shrink();
			}
		}


		//退出程序 exit
		layui.use(['layer'],function () {
			var layer = layui.layer;
		})
		$(function () {
            //退出程序
			$('#logout').click(function () {
				logout();
			});
		});
		//退出流程
		function logout() {
			console.log(232323);
			window.onunload=function(){
				//执行清理本地
				localStorage.removeItem("token");
			}
			window.location.href = window.location.protocol+'//'+window.location.host;
		}
	</script>

</body>








<script>
	//JavaScript代码区域
	layui.use('element', function(){
		var element = layui.element;

	});
	var isShow = true;  //定义一个标志位
	$('.kit-side-fold').click(function(){
		//选择出所有的span，并判断是不是hidden
		$('.layui-nav-item span').each(function(){
			if($(this).is(':hidden')){
				$(this).show();
			}else{
				$(this).hide();
			}
		});
		//判断isshow的状态
		if(isShow){
			$('.layui-side.layui-bg-black').width(60); //设置宽度
			$('.kit-side-fold i').css('margin-right', '70%');  //修改图标的位置
			//将footer和body的宽度修改
			$('.layui-body').css('left', 60+'px');
			$('.layui-footer').css('left', 60+'px');
			//将二级导航栏隐藏
			$('dd span').each(function(){
				$(this).hide();
			});
			//修改标志位
			isShow =false;
		}else{
			$('.layui-side.layui-bg-black').width(200);
			$('.kit-side-fold i').css('margin-right', '10%');
			$('.layui-body').css('left', 200+'px');
			$('.layui-footer').css('left', 200+'px');
			$('dd span').each(function(){
				$(this).show();
			});
			isShow =true;
		}
	});

</script>






































